<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>商品分类</title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/cate.css"/>
</head>
<body>
<!--2-->
<div class="l2">svn修改的代码</div>
<!--header-->
<div id="header">
    <div class="head">
        <h1>商品分类</h1>
        <a class="H-back" href="javascript:history.back();">返回</a>

    </div>
</div>
<!--content-->
<div class="main">
    <div class="left">
        <uL>
            <li class="on">女装/内衣</li>
            <li>男装/运动户外/服饰配件</li>
            <li>女鞋/男鞋/箱包</li>
            <li>化妆品/个人护理</li>
            <li>手机/数码/电脑</li>
            <li>母婴玩具</li>
            <li>零食/进口食品/酒类/饮料</li>
            <li>大家电/生活电器</li>
            <li>家具建材</li>
            <li>腕表/珠宝首饰/眼镜</li>
            <li>汽车配件</li>
            <li>家纺/布艺/鲜花</li>
            <li>医药保健</li>
            <li>厨具/收纳/宠物</li>
            <li>图书音像</li>
            <li>粮油调味</li>
            <li>汽车</li>
            <li>活动</li>
            <li>房产</li>
            <li>旅游</li>

        </uL>

    </div>
    <div class="right">
        <!--click onload content-->
        <h3>美妆</h3>
        <ul>
            <li><a href="/Search_productlist.html?code=002001001" target="_blank">品牌女装</a></li>
            <li><a href="/Search_productlist.html?code=002001002" target="_blank">连衣裙</a></li>
            <li><a href="/Search_productlist.html?code=002001003" target="_blank">T恤</a></li>
            <li><a href="/Search_productlist.html?code=002001004" target="_blank">半身裙</a></li>
            <li><a href="/Search_productlist.html?code=002001005" target="_blank">背心吊带</a></li>
            <li><a href="/Search_productlist.html?code=002001006" target="_blank">短外套</a></li>
            <li><a href="/Search_productlist.html?code=002001007" target="_blank">针织衫</a></li>
            <li><a href="/Search_productlist.html?code=002001008" target="_blank">短裙</a></li>
            <li><a href="/Search_productlist.html?code=002001009" target="_blank">卫衣</a></li>
            <li><a href="/Search_productlist.html?code=002001010" target="_blank">雪纺衫</a></li>
            <li><a href="/Search_productlist.html?code=002001011" target="_blank">蕾丝衫</a></li>
            <li><a href="/Search_productlist.html?code=002001012" target="_blank">波普T恤</a></li>
            <li><a href="/Search_productlist.html?code=002001013" target="_blank">印花连衣裙</a></li>
            <li><a href="/Search_productlist.html?code=002001014" target="_blank">活力卡通T恤</a></li>
            <li><a href="/Search_productlist.html?code=002001015" target="_blank">文艺T恤</a></li>
            <li><a href="/Search_productlist.html?code=002001016" target="_blank">巴黎海洋裙</a></li>
            <li><a href="/Search_productlist.html?code=002001017" target="_blank">BF街头衬衫</a></li>
            <li><a href="/Search_productlist.html?code=002001018" target="_blank">度假防晒衫</a></li>
            <li><a href="/Search_productlist.html?code=002001019" target="_blank">真丝连衣裙</a></li>
        </ul>
        <div style=" clear: both;"></div>
        <h3>女装</h3>
        <uL>
            <li>女装/内衣</li>
            <li>男装/运动户外/服饰配件</li>
            <li>女鞋/男鞋/箱包</li>
            <li>化妆品/个人护理</li>
            <li>手机/数码/电脑</li>
            <li>母婴玩具</li>
            <li>零食/进口食品/酒类/饮料</li>
            <li>大家电/生活电器</li>
            <li>家具建材</li>
            <li>腕表/珠宝首饰/眼镜</li>
            <li>汽车配件</li>
            <li>家纺/布艺/鲜花</li>
            <li>医药保健</li>
            <li>厨具/收纳/宠物</li>
            <li>图书音像</li>
            <li>粮油调味</li>
            <li>汽车</li>
            <li>活动</li>
            <li>房产</li>
            <li>旅游</li>
            <li>女装/内衣</li>
            <li>男装/运动户外/服饰配件</li>
            <li>家纺/布艺/鲜花</li>
            <li>医药保健</li>
            <li>厨具/收纳/宠物</li>
            <li>图书音像</li>
            <li>粮油调味</li>
            <li>汽车</li>
            <li>活动</li>
            <li>房产</li>
            <li>旅游</li> <li>女装/内衣</li>
            <li>男装/运动户外/服饰配件</li>
            <li>手机/数码/电脑</li>
            <li>母婴玩具</li>
            <li>零食/进口食品/酒类/饮料</li>
            <li>大家电/生活电器</li>
            <li>家具建材</li>
            <li>腕表/珠宝首饰/眼镜</li>
            <li>汽车配件</li>
            <li>家纺/布艺/鲜花</li>
            <li>医药保健</li>
            <li>厨具/收纳/宠物</li>
            <li>图书音像</li>
            <li>粮油调味</li>
            <li>汽车</li>
            <li>活动</li>
            <li>房产</li>
        </uL>

        <div style=" clear: both;"></div>
        <h3>内衣</h3>
        <ul>
            <li>房产</li>
            <li>旅游</li> <li>女装/内衣</li>
            <li>男装/运动户外/服饰配件</li>
            <li>女鞋/男鞋/箱包</li>
            <li>化妆品/个人护理</li>
            <li>手机/数码/电脑</li>
            <li>母婴玩具</li>
            <li>零食/进口食品/酒类/饮料</li>
            <li>大家电/生活电器</li>
            <li>家具建材</li>
            <li>腕表/珠宝首饰/眼镜</li>
            <li>汽车配件</li>
            <li>家纺/布艺/鲜花</li>
            <li>医药保健</li>
            <li>厨具/收纳/宠物</li>
            <li>图书音像</li>
            <li>粮油调味</li>
            <li>汽车</li>
            <li>活动</li>
            <li>房产</li>
            <li>旅游</li> <li>女装/内衣</li>
            <li>男装/运动户外/服饰配件</li>
            <li>女鞋/男鞋/箱包</li>
            <li>化妆品/个人护理</li>
            <li>手机/数码/电脑</li>
            <li>母婴玩具</li>
            <li>零食/进口食品/酒类/饮料</li>
            <li>大家电/生活电器</li>
            <li>家具建材</li>
            <li>腕表/珠宝首饰/眼镜</li>
            <li>汽车配件</li>
            <li>家纺/布艺/鲜花</li>
            <li>医药保健</li>
            <li>厨具/收纳/宠物</li>
            <li>图书音像</li>
            <li>粮油调味</li>
            <li>汽车</li>
            <li>活动</li>
            <li>房产</li>
            <li>旅游</li>
            <div style=" clear: both;"></div>
        </uL>
        <!--click onload content end-->
    </div>
</div>
<!--footer-->
<div class="navfix">
    <ul class="clearfix">
        <li class="F-home cur"><a href="/index.aspx"><em></em>
            <p>首页</p>
        </a></li>
        <li class="F-classfic"><a href="/Category.aspx"><em></em>
            <p>分类</p>
        </a></li>
        <li class="F-cart"><a href="/MyCart.aspx"><em></em>
            <p>购物车</p>
        </a></li>
        <li class="F-collect"><a href="/WdStoreApply.aspx"><em></em>
            <p>分销商</p>
        </a></li>
        <li class="F-member"><a href="/MyUserInfo.aspx"><em></em>
            <p>我的</p>
        </a></li>
    </ul>
</div>
<!--js-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    var wfx = {
        h : $(window).height(),
        left : $(".left").height(),
        nav : $(".navfix").height(),
        t : this,
        ajaxTxt : function(txt){
            //  ajax点击获取，数据获取内容代码
            //  输出代码如下.....
            $(txt).html("<h3>这是点击后的效果</h3>");
        },
        onLeft : function(cla,add,txt){
                var is =  $(cla).size();
            for(var gNum=0; gNum<is;gNum++){
                $(cla).get(gNum).addEventListener("click",function(event){
                    event.preventDefault();
                    $(this).addClass(add).siblings().removeClass(add);
                    $(txt).html("<h2>加载中</h2>");
                    setTimeout(function(){
                        wfx.ajaxTxt(txt)
                    },500)
                });
            }
        }
    };

    $(function(){
        //分类导航
        var touchLeft = $(".left"),
                top = $(".left ul").position().top,
                topBox = parseInt(touchLeft.height())-wfx.h;
        touchLeft.css("height",wfx.h-wfx.nav);
        //刚开始接触获取Yz坐标
        touchLeft.get(0).addEventListener("touchstart",function(event){

            var stouch=event.changedTouches[0];
            sidx = stouch.pageY;
        });

        touchLeft.get(0).addEventListener("touchmove",function(event) {
            event.preventDefault();
//          var touch=event.targetTouches[0];
            var ctouch = event.changedTouches[0];
            cidx = ctouch.pageY;
            moveNum = cidx - sidx;
            if (moveNum > 0) {
                top += 15;
            } else {
                top -= 15;
            }
            if (top > 0) {
                top = 0;
                $(".left ul").css("top", 0)
            } else {
                if (top > -topBox) {
                    $(".left ul").css("top", top + "px");
                } else {
                    top = -topBox;
                    $(".left ul").css("top", -topBox + "px");
                }


            }
        });
        //导航点击
        wfx.onLeft(".left ul li","on",".right");


    })
</script>
</body>
</html>